:deep(.arco-input-append) {
  padding: 0;
}

.M1 {
  width: 100%;
  height: 100vh;
  background-image: url("@/assets/imgs/bg02.png");
  background-repeat: no-repeat;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-size: 100% auto;
  .content {
    box-shadow: 4px 8px 12px rgb(0 0 0 / 10%) ;
    margin-top: -100px;
    .banner {
      width: 750px;
      height: 421px;
      display: inline-block;
      vertical-align: bottom;
      background-image: url("@/assets/imgs/login-img.png");

      background-repeat: no-repeat;
      background-size: 100% 100%;
      position: relative;
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px;

      video{
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
      }

    }

    .main {
      width: 400px;
      height: 421px;
      background-color: #fff;
      position: relative;
      display: inline-block;
      padding: 12px 24px;
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;



      .title {
        font-weight: 600;
        text-align: left;
        margin-bottom: 24px
      }

      .sub-title {
        text-align: left;
        font-weight: normal;
        margin-bottom: 24px
      }


    }

  }


  .footer {
    padding: 12px 0;


    font-size: 12px;
    min-width: 1170px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    line-height: 38px;
    text-align: center;
  }
}

